*{
  margin: 0;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
}

.upper-part{
  right: 0;
  left: 0;
  background-color: #fff; 
  position: fixed;
}

.upper-container{
  display: flex;
  justify-content: space-around;
  height: 58px;
  border-bottom: 1px solid #f0f0f0;
}

.upper-logo img{
  height: 56px;
  width: 100px;
}

.upper-list{
  display: flex;
  align-items: center;
  position: relative;
  right: 140px;
 
}
.list-ul{  /*首页，下载等设置*/
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  font-size:17px; 
}

.search input{    /*搜索框*/
  padding: 0 40px 0 20px;
  margin-top: 0;
  color: #a0a0a0;
  width: 160px;
  height: 38px;
  font-size: 14px;
  border: 1px solid #eee;
  border-radius: 40px;
  background: #eee;
  outline: none;
}

.fa-search{
  color: #9e999c;
  position: absolute;
  right: 35px;
  top: 20px;
}
.fa-compass{
  color: #ea6f5a;
}
.fa-arrow-alt-circle-down{
  color: #9e999c;
}

.item-ul a{
  padding:15px;
  line-height: 58px;
}

.home a{
  color: #ea6f5a;
}
.download a{
  color: #333;
}

.list-ul li{
  margin-right: 10px;
}

.upper-btn{  /*右上角按钮设置*/
  display: flex;
  align-items: center;
}
/*.upper-btn a{
  padding:15px;
}*/
.btn-wz{
  width: 100px;
  border-radius: 20px;
  font-size: 17px;
  color: #fff;
  background-color: #ea6f5a;
  text-align: center;
  padding: 10px;
  margin-left: 20px
}
.btn-zc{
  width: 80px;
  height: 38px;
  border-radius: 20px;
  font-size: 17px;
  color:#ea6f5a ;
  text-align: center;
  line-height: 33px;
  border:1px solid #ea6f5a;
  margin-left: 20px
}
.btn-dl{
  color:#969696;
  margin-left: 20px;
  margin-right: 10px;
}
.btn-zt{
  color: #969696;
  margin-left: 20px;
  margin-right: 10px;
  font-weight: 700;
  font-size: 19px;
}

/*___________内容部分____________*/
.middle-part{
  display: flex;
  justify-content: center;
  padding-top: 100px;
}
.middle-left-item{
  width:600px;
  margin-right: 20px;
}

.left-item-banner img{
  height: 300px;
  width: 600px;
  border-radius: 20px;
}

.left-item-btn{
  padding-top: 30px;
  border-bottom: 1px solid #a0a0a047;
}

.collection img{
 width: 32px;
 height: 32px;
 vertical-align: middle;
}
.collection {
  display: inline-block;
  height: 33px;
  margin:0 18px 18px 0;
  background-color: #f7f7f7;
  border:1px solid #dcdcdc;
  vertical-align: top;
  border-radius: 5px;
  overflow: hidden;
}
.collection-name{
  display: inline-block;
  font-size: 14px;
  padding: 0 11px 0 6px;
  vertical-align: middle;
  color: #000;
}
.collection-hot{
  color: #a0a0a0;
  font-size: 13px;
  vertical-align: middle;
}
.btn-container{
  margin-bottom: 20px;
}


/*_________设置摘要__________*/
.summary{
  padding-top: 20px;
  height: 140px;
  border-bottom: 1px solid #a0a0a047;
}

.text-item{
  display: inline-block;
  height: 107px;
  width: 460px;

}
.img-item{
  display: inline-block;
}
.img-item img{
  height: 100px;
  width: 125px;
}
.title{
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
.text-item p{
  font-size: 14px;
  margin-top: 10px;
  color: #999;
}

.load-more {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 10px;
  text-align: center;
  background-color: #a5a5a5;
  border-radius: 20px;

}
.load-more:hover{
  background-color: #a09b9b;
}

.load-more a{
 color: #fff;
}
/*___________right nav_________*/
.middle-right-item{
  width: 280px;
  min-height: 280px;
  margin-left: 20px;
}

.subnav{
  display: inline-block;
  margin-bottom: 10px;
}
.subnav img{
  width: 100%;
}

.right-item-qrcode{
  text-align: center;
  border:1px solid #f0f0f0;
  border-radius: 20px;
}
.qrcode-container{
  vertical-align: middle;
  padding: 10px 22px;

}

.right-item-qrcode img{
  width: 60px;
  height: 60px;
  vertical-align: middle;
}
.qrcode-item{
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.item-xz{
  font-size: 15px;
}
.item-cz{
  font-size: 13px
  margin-top:4px;
  color: #999;
}
.list-search{
  display: flex;
  font-size: 13px;
  color: #969696;
  margin-top: 20px;
  padding-top: 10px;
  justify-content: space-between;
}
.fa-sync-alt{
  color: #969696;
}
.content{
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
  width: 100%;
  height: 47px;
}
.content img{
  height: 48px;
  width: 48px;
  border-radius: 50%;
}
.content-name{
  display: inline-block;
  padding-left: 20px;
}
.content-name p{
  font-size: 12px;
  color: #969696;
  padding-top: 5px;
}
.follow{
  padding-left: 20px;
  font-size: 15px;
  color: #42c02e;

}
/*————————————底部————————————*/
.bottom-part{
  display: flex;
  justify-content: center;
  padding: 30px ;
  margin:0 auto;
  color: #adabab;
}

.bottom-container{    /*定位底部信息位置对齐*/
  margin-left:-380px;
}
.bottom-list a{
  color: #969696;
  font-size: 13px;
}
.bottom-list{
  display: flex;
  flex-direction: row;
}
.bottom-copy{
  font-size: 12px;
  color: #c8c8c8;
}

